<template>
  <el-button @click="srcennFull">全屏</el-button>
</template>

<script>
// 引入全屏组件
import srcennFull from 'screenfull'
export default {
  methods: {
    srcennFull() {
      // 判断是否有全屏的条件
      if (!srcennFull.isEnabled) {
        return
      }
      // 全屏来回切换
      srcennFull.toggle()
    }
  }
}
</script>

<style>

</style>
